<%--
  Created by IntelliJ IDEA.
  User: 14811
  Date: 2022-4-15
  Time: 11:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/common/common.jsp" %>
<html>
<head>
    <title>Title</title>
    <script>
        $(function(){
            $('#table').bootstrapTable({
                url: '<%=path%>/carouselController/getInfo',
                method: 'POST',                      //请求方式（*）
                contentType: "application/x-www-form-urlencoded",
                striped: true,                      //是否显示行间隔色
                toolbar: '#toolbar',              //工具按钮用哪个容器
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sidePagination: "client",//分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,//初始化加载第一页，默认第一页,并记录
                pageSize: 5,//每页的记录行数（*）
                pageList: [1, 3, 5],//可供选择的每页的行数（*）
                sortable: true,                     //是否启用排序
                sortOrder: "asc",                   //排序方式
                sortName: "pid",                    //排序字段
                showColumns: true,                  //是否显示所有的列（选择显示的列）
                showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                uniqueId: "pid",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                columns: [{
                    checkbox: true,
                    visible: true                  //是否显示复选框
                },{
                    field: 'pid',
                    title: 'ID'
                }, {
                    field: 'pname',
                    title: '轮播图名称'
                },{
                    field: 'paddress',
                    title: '轮播图地址',
                    formatter:function (value, row, index) {
                        rimg = row.paddress
                        return "<img src='<%=path%>/file/download?filename=" + rimg + "' height='60px' width='60px'/>";
                    }
                }, {
                    field: 'starttime',
                    title: '广告开始时间'
                },  {
                    field: 'endtime',
                    title: '广告结束时间'
                }, {
                    field: 'count',
                    title: '排序值',
                    sortable: true
                },  {
                    title: '操作',
                    width: 120,
                    align: 'center',
                    valign: 'middle',
                    formatter: function(value, row, index){
                        var id = row.pid;
                        return  "<a href='javascript:deleteById(" + id + ")' class='btn btn-xs green'  title='删除'><span class='glyphicon glyphicon-remove'></span></a>" +
                            "<a href='javascript:toUpdate( " + id + ")' class='btn btn-xs blue' title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
                    }
                },]
            });
        })

        function insert(){
            BootstrapDialog.show({
                title: '增加',
                type: BootstrapDialog.TYPE_DANGER,//显示标题颜色
                size: BootstrapDialog.SIZE_WIDE,//设置模态窗口大小的
                closable: false,  //关闭方式 true代表点击模态窗以外或者esc按钮可以关闭窗口 false则不可以
                message: $('<div></div>').load('<%=path%>/carouselController/toAdd'),//加载远程页面的
                buttons: [{
                    label: '取消',
                    action: function (dialog) {//点击取消按钮回调函数
                        dialog.close();
                    }
                }, {
                    label: '确定',
                    action: function (dialog) {//点击确认按钮回调函数
                        $.ajax({
                            url : "<%=path%>/carouselController/insertInfo",
                            dataType : "json",
                            type : "post",
                            data : $("#addCarousel").serialize(),
                            success : function (data) {
                                toastr.success("增加成功");
                                dialog.close();
                                $('#table').bootstrapTable("refresh");
                            },
                            error : function (e) {
                                alert("系统错误")
                                console.log(e)
                            }
                        })
                    }
                }]
            });
        }

        function toUpdate(id){
            BootstrapDialog.show({
                title: '修改',
                type: BootstrapDialog.TYPE_DANGER,//显示标题颜色
                size: BootstrapDialog.SIZE_WIDE,//设置模态窗口大小的
                closable: false,  //关闭方式 true代表点击模态窗以外或者esc按钮可以关闭窗口 false则不可以
                message: $('<div></div>').load('<%=path%>/carouselController/toUpdate/' + id),//加载远程页面的
                buttons: [{
                    label: '取消',
                    action: function (dialog) {//点击取消按钮回调函数
                        dialog.close();
                    }
                }, {
                    label: '确定',
                    action: function (dialog) {//点击确认按钮回调函数
                        $.ajax({
                            url : "<%=path%>/carouselController/updateCarousel",
                            dataType : "json",
                            type : "post",
                            data : $("#updateCarousel").serialize(),
                            success : function (data) {
                                toastr.success("修改成功");
                                dialog.close();
                                $('#table').bootstrapTable("refresh");
                            },
                            error : function (e) {
                                alert("系统错误")
                                console.log(e)
                            }
                        })
                    }
                }]
            });
        }

        function deleteById(id){
            if(confirm("确定删除当前分类吗")){
                $.ajax({
                    url : "<%=path%>/carouselController/deleteCarouselById/" + id,
                    dataType : "json",
                    type : "post",
                    success : function (data) {
                        toastr.success("删除成功");
                        $('#table').bootstrapTable("refresh");
                    },
                    error : function (e) {
                        alert("系统错误")
                        console.log(e)
                    }
                })
            }
        }
    </script>
</head>
<body>
<div id="toolbar">
    <button type="button" class="btn btn-success" onclick="insert()">增加</button>
</div>

<table id="table"></table>
</body>
</html>
